<!-- target:perform -->
<form name="perform_search_form" class="cont-tab">

    <div ui="type:mao.ui.Tab;selected:0;gesture:false;" class="sort-tab">
        <div  class="filter-container">
            <strong class="ui-hide"></strong>
            <ul ui="type:mao.ui.AppListView;id:perform-list-view;customEmpty:true;" class="list-items">
                <div>
                    <div class="no-data">
                        <img src="images/base/icon_default.png">
                        <p>暂无数据</p>
                    </div>  
                </div>
            </ul>
        </div>
        <!-- for: ${NS.performSortBarConfigs} as ${item}, ${index} -->
        <div class="filter-container">
            <strong class="sort-item ui-1px-b">
                <tabName class="sort-text-container">
                    ${item.typeName}
                </tabName>
                <span class="sort-icon"></span>
            </strong>
            <!-- use: ${item.target}(items=${item.data}, name=${item.name}, options=${item.options}) -->
        </div>
        <!-- /for -->
    </div>
</form>

<!-- target: performItem -->
<li>
    <a class="perform-item" href="#/info/detail.perform~id=${item.id}~DENY_CACHE">
        <img src="${item.cover}">
        <div class="perform-info">
            <div class="name">${item.playName}</div>
            <div class="venue">${item.venueName}</div>
            <div class="time">${item.playStartDate|dateFormat('yyyy-MM-dd HH:mm')}</div>
            <div class="musician">${item.musicianName}</div>
            <div class="manner">${item.playTypeName}</div>
            <!-- if: ${item.priceMin} === ${item.priceMax} -->
            <div class="price">￥${item.priceMin}</div>
            <!-- else -->
            <div class="price">￥${item.priceMin}-￥${item.priceMax}</div>
            <!-- /if -->
        </div>

        <div class="box-office">${item.boxOffice}</div>
        <div class="want-see">${item.wantSee}人想看</div>
    </a>
</li>